<ui:composition template="/templates/layout.xhtml" 
			  xmlns="http://www.w3.org/1999/xhtml"
		      xmlns:h="http://java.sun.com/jsf/html"
		      xmlns:f="http://java.sun.com/jsf/core"
		      xmlns:ui="http://java.sun.com/jsf/facelets"
		      xmlns:c="http://java.sun.com/jstl/core"
		      xmlns:fmt="http://java.sun.com/jstl/fmt"
		      xmlns:x="http://java.sun.com/jstl/xml"
		      xmlns:fn="http://java.sun.com/jstl/functions"
		      xmlns:a4j="http://richfaces.org/a4j"
		      xmlns:rich="http://richfaces.org/rich"
		      xmlns:gape="http://componentes.gape/component/gape">
	<ui:define name="titulo">
		<h:outputText value="#{msg.applicationName} - #{msg.titleTelaLogin}" />
	</ui:define>

	<ui:define name="menu">
	</ui:define>
	
	<ui:define name="conteudo">
		<h:panelGrid columns="2" footerClass="FormLinhaBotoes" columnClasses="label,field">
			<h:outputText value="#{msg.loginLabel}"/>
			<h:inputText id="login" value="#{login.login}"/>
			
			<h:outputText value="#{msg.paswdLabel}"/>
			<h:inputSecret id="senha" value="#{login.senha}"/>
			
			<f:facet name="footer">
				<h:panelGroup>
     						<h:commandButton value="#{msg.buttonLogin}" id="entrar" type="submit" action="#{login.validaLogin}"/>
     						<h:commandButton value="#{msg.buttonLimpar}" id="reset" type="reset"/>								
				</h:panelGroup>
			</f:facet>
		</h:panelGrid>
		
		<h:panelGrid columns="1">						
			<rich:messages layout="list" style="color: Red; align: Center; font-size: 15px"/>						
		</h:panelGrid>					
	</ui:define>
</ui:composition>